<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"  import="java.util.*"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript">
var url = "";
function newObject(){
	$("#dlg").dialog("open").dialog("setTitle","Open dialog add new");
	$("#fm").form("clear");
	url = "CTDTServlet?flag=add";
}
	
function editObject(){
	var row = $("#tt").datagrid("getSelected");
	if (row){
		$("#dlg").dialog("open").dialog("setTitle","Open dialog edit");
		$("#fm").form("load",row);
		url = "CTDTServlet?flag=edit";
	} else {
		alert("Bạn chưa chọn dữ liệu cần cập nhật！");
	}
}
	
function searchObject(){
	$('#tt').datagrid('load',{
		searchTen: $('#searchTen').val(),
	});
}
	
function removeObject(){
	//var row = $("#tt").datagrid("getSelected");
	var ids = [];
	var rows = $('#tt').datagrid('getSelections');
	for(var i=0; i<rows.length; i++){
		ids.push(rows[i].id_ctdt);
	}
	if (rows!=""){
		$.messager.confirm("Confirm","Bạn muốn xóa mẩu tin này?",function(r){
		if (r){
			$.post("CTDTServlet?flag=remove", {
					//id : row.id_ctdt
					id : ids.join(',')
				}, function(result) {
					if (result.success) {
							$("#tt").datagrid("reload"); // reload the user data
							$.messager.show({
								title: "Delete",
								msg: result.msg
							});
					} else {
						$.messager.show({
							title: "Error !",
							msg: result.msg
						});
					}
				}, "json");
			}
		});
	}else {
		alert("Bạn chưa chọn dữ liệu cần xóa！");
	}
}
	
function saveObject(){
	$("#fm").form("submit",{
		url: url,
		onSubmit: function(){
			return $(this).form("validate");
		},
		success: function(result){
			var r = eval("("+result+")");
			if (r.success){
				$("#dlg").dialog("close"); // close the dialog
				$("#tt").datagrid("reload"); // reload the user data
				$.messager.show({
					title: "Update",
					msg: r.msg
				});
			} else {
				$.messager.show({
					title: "Error !",
					msg: r.msg
				});
			}
		}
	});
}

jQuery(function() {
	$("#searchTen").autocomplete("search/searchCTDT.jsp");
});
</script>
<style type="text/css">
#fm {
	margin: 0;
	padding: 5 0px;
}

.ftitle {
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	padding: 5px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}

.fitem {
	margin-bottom: 7px;
}

.fitem label {
	display: inline-block;
	width: 100px;
}

.fitem input {
	display: inline-block;
	width: 290px;
	background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #888888;
    border-radius: 5px 5px 5px 5px;
    color: #222222;
    margin: 0 5px 0 0;
    padding: 3px 3px;
}
</style>
</head>
<body>
	<table id="tt" class="easyui-datagrid" style="width:795px;height:574px"
			url="CTDTServlet"
			title=":: CHƯƠNG TRÌNH ĐÀO TẠO" toolbar="#tb"
			rownumbers="true" pagination="true" singleSelect="false" fitColumns="true">
		<thead>
			<tr>
				<th field="ck" checkbox="true"></th>
				<th field="ten_van_tat">Tên Vắn Tắt</th>
				<th field="ten_day_du">Tên Đầy Đủ</th>
				<th field="ten_bang">Tên Bằng</th>
				<th field="so_qd">Số QĐ</th>
				<th field="ngay_qd">Ngày QĐ</th>
				<th field="ten_nganh">Tên Ngành</th>
				<th field="so_nam_tk">Số Năm TK</th>
				<th field="so_nam_td">Số Năm TD</th>
			</tr>
		</thead>
	</table>
	
	<div id="tb" style="padding:5px">
		<div>
			<a href="#" class="easyui-linkbutton" iconCls="icon-add" plain="true" onclick="newObject()">Thêm</a> 
			<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true" onclick="editObject()">Sửa</a> 
			<a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true" onclick="removeObject()">Xóa</a>
		</div>
		<div style="padding:5px">
			<input class="search" id="searchTen" name="searchTen" type="text" placeholder="nhập tên vắn tắt cần tìm">
			<a href="#" class="easyui-linkbutton"  iconCls="icon-searchs" plain="true" onclick="searchObject()">Tìm Kiếm</a>
		</div>
	</div>
	
	<div id="dlg" class="easyui-dialog"
		style="width: 795px; height: 370px; padding: 10px 20px" closed="true"
		buttons="#dlg-buttons">
		<div class="ftitle">CHƯƠNG TRÌNH ĐÀO TẠO</div>
		<form id="fm" method="post">
			<div class="fitem" >
				<input type="hidden" name="id_ctdt" class="easyui-validatebox">
			</div>

			<div class="fitem">
				<label>Tên Vắn Tắt:</label> 
				<input type="text" name="ten_van_tat" class="easyui-validatebox" required="true">
			</div>
			
			<div class="fitem">
				<label>Tên Đầy Đủ:</label> 
				<input type="text" name="ten_day_du" class="easyui-validatebox" required="true">
			</div>
			
			<div class="fitem">
				<label>Tên Bằng:</label> 
				<input type="text" name="ten_bang" class="easyui-validatebox" required="true">
			</div>
			
			<div class="fitem">
				<label>Số QĐ:</label> 
				<input type="text" name="so_qd" class="easyui-validatebox" required="true">
			</div>
			
			<div class="fitem">
				<label>Ngày QĐ:</label> 
				<input type="text" readonly="true" name="ngay_qd" class="easyui-datebox" required="true" style="width:298px; height: 25px">
			</div>
			
			<div class="fitem">
				<label>Ngành:</label> 
				<input name="id_nganh" class="easyui-combobox" required="true" style="width:298px; height: 25px"
				url="view/loadNganh.jsp"
            	valueField="id"
            	textField="ten"
            	panelHeight="250"
            	value="ten_nganh">
			</div>
			
			<div class="fitem">
				<label>Số Năm TK:</label> 
				<input type="text" name="so_nam_tk" class="easyui-numberbox" required="true" data-options="min:1" placeholder="nhập số nguyên > 0">
			</div>
			
			<div class="fitem">
				<label>Số Năm TD:</label> 
				<input type="text" name="so_nam_td" class="easyui-numberbox" required="true" data-options="min:1" placeholder="nhập số nguyên > 0">
			</div>
		</form>
	</div>
	
	<div id="dlg-buttons">
		<a href="#" class="easyui-linkbutton" iconCls="icon-ok" onclick="saveObject()">Lưu</a> 
		<a href="#" class="easyui-linkbutton" iconCls="icon-cancel" onclick="javascript:$('#dlg').dialog('close')">Hủy Bỏ</a>
	</div>
</body>
</html>